<template>
  <div class="biling-bill-base-container overviewManagement">
    <div class="MessagePanel">
      <!-- 统计点设备显示    -->
      <div class="topButton">
        <div class="name">
          <p class="classNme">计费账单</p>
          <p class="smallClassName">BILLING BILL</P>
        </div>
      </div>
      <div class="line"></div>
      <div class="dataShowView">
        <billing-bill-table/>
      </div>
    </div>

  </div>
</template>

<script>
import BillingBillTable from "@/views/charging/components/BillingBillTable.vue";

export default {
  name: "BillingBill",
  components: {BillingBillTable}
}
</script>

<style lang="scss">
.biling-bill-base-container {
  padding: 80px 60px 10px 60px;
  .el-date-editor {
    padding: 0px 15px;
  }
  .base-toolbar {
    background-color: #505f765c;

    .base-toolbar-title {
      line-height: 60px;
      background: linear-gradient(to right, #1572ff, #5248a0);
      -webkit-background-clip: text;
      color: transparent;
      margin-left: 20px;
      font-weight: bold;
      font-size: 20px;
    }
  }
}
</style>